@CHARSET "UTF-8";
/*-----------------------------General*/

body {
	overflow-y: scroll;
	background-image: url(../res/img/bg/bg2.jpg);
}

#banner {
	height: 20%;
	width: 80%;
	margin-left: 10%;
	text-align: center;
}

.menu {
	height: 20%;
	width: 80%;
	margin-left: 15%;
}

.menu img {
	width: 17px;
	height: 17px;
}

.menuItem {
	overflow: auto;
	margin-left: 2%;
	margin-right: 2%;
	float: left;
}

.ButtonNavigationNotClicked{
        color: black;
        background-color: transparent;
        font-size: 22px;
        font-family: fantasy;
        border-color: transparent;
        -webkit-transition: color 1s ease-in-out;
}

.ButtonNavigationNotClicked:hover {
	color: red;
}

.ButtonNavigationClicked{
        color: red;
        background-color: transparent;
        font-size: 22px;
        font-family: fantasy;
        border-color: transparent;
}

#DivMainContainer {
	height: 60%;
	margin-top: 6%;
	font-size: 22px;
}

#DivMainContainer select{
	font-family: fantasy;
	background-color: darkGreen;
	color: gold;
	font-size: 19px;
}

.Heading {
	text-align: center;
	font-style: italic;
}

.Heading h2 {
	text-decoration: underline;
}

.mainInfo {
	margin-left: 10%;
	margin-right: 10%;
}

#LinkLogin {
        display: none;
	padding-right: 0.5%;
	padding-left: 0.5%;
	float: right;
	border: solid 2px black;
	-webkit-border-top-left-radius: 75px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-left-radius: 75px;
	-webkit-border-bottom-right-radius: 75px;
}

#LinkLogin button{
    background-color: transparent;
    border-color: transparent;
    font-size: 18px;
    color: gold;
}

/*-----------------------General - End*/

/*---------------------------Scrollbar*/

::-webkit-scrollbar {
    width: auto;
    background: #ADFF2F;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px green; 
    border-radius: 10px;
}
 
::-webkit-scrollbar-thumb {
    border-radius:10px;
    border-color: green; 
    border-style: solid; 
}

::-webkit-scrollbar-corner{
	background: #ADFF2F;
}

::-webkit-scrollbar-thumb:window-inactive {
	background: #DAA520; 
}

/*---------------------Scrollbar - End*/

/*-------------------------------LogInSignUp*/
#DivLogInSignUp input{
	background-color: darkGreen;
	color: gold;
	font-size: 19px;
}

#DivLogInSignUp label{
	margin-left: -3.5%;
}

#DivLogin {
	float: left;
	margin-left: 23%;
	width: 18%;
}

#DivLogin input{
	width: 85%;
}

#DivSignup {
	float: right;
	margin-right: 30%;
	width: 18%;
}

.LogInSignUp {
	padding: 2% 2% 2% 2%;
}

.ButtonLogInSignUp {
	color: black;
	background-color: transparent;
	font-family: cursive;
	font-size: 17px;
	float: right;
	margin-top: 4%;
}

.ButtonLogInSignUp:hover {
	-webkit-animation: pulse 2s ease-in-out infinite alternate;
}

@-webkit-keyframes pulse {
0%
	{
		text-shadow: -1px 1px 12px #FFFF00, 1px -1px 12px #FFFF33;
	}
50%
	{
		text-shadow: -1px 1px 4px #FFFF00, 1px -1px 4px #FFFF33;
	}
100%
	{
		text-shadow: -1px 1px 24px #FFFF33, 1px -1px 24px #FFFF00;
	}
}

.ErrorNoDisplay{
	display: none;
	color: red;
	text-shadow: 1px 1px black;
}

.ErrorNoDisplay img{
	width: 17px;
	height: 17px;
}

img.inputInfo {
	width: 17px;
	height: 17px;
}

#submitResult{
	color: gold;
	text-shadow: 1px 1px black;
}

/*-------------------------------LogInSignUp - End*/

/*-----------------------------Hand Rankings*/
#rankingList .Hand {
	margin-left: 42%;
	height: 50px;
	line-height: 0px;
	color: transparent;
	font-size: 25px;
	font-family: "HelveticaNeue-Light", Helvetica, Arial;
	font-weight: 300;
	text-transform: uppercase;
	-webkit-transition: all 1s ease;
}

#rankingList .Hand:hover {
	line-height: 60px;
	color: white;
}

#rankingList .Hand img {
	float: left;
	margin: 0 15px;
}
/*-----------------------Hand Rankings - End*/

/*-------------------------------------Rules*/

#rules>dl dt {
	-webkit-border-radius: 5px;
	border: 1px solid #cccccc;
}

#rules>dl dt a {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	padding: 10px;
	display: block;
}

#rules>dl dd {
	height: 0;
	overflow: auto;
	-webkit-transition: height 1s ease;
}

#rules>dl dd:target {
	height: 7em;
}

#rules>dl dd::-webkit-scrollbar {
    width: 5px;
    background: transparent;
}

#rules>dl dd::-webkit-scrollbar-thumb {
    border-color: gold; 
}


/*-------------------------------Rules - End*/

/*-------------------------------------AboutUs*/
.contact {
	font-size: 17px;
	margin-left: 12%;
}

.contact img {
	margin-right: 1%;
	width: 19px;
	height: 19px;
}

.username {
	color: black;
}
/*-------------------------------AboutUs - End*/